/*===================== vue start ==============================
今天主要分享：vue + vue-router + webpack + vuex 

用node的npm模块管理vue + webpack

全局安装 webpack
npm install webpack -g

vue的安装命令：
安装vue最新稳定版
npm install vue -g

全局安装 vue 命令行工具
npm install --global vue-cli

基于 webpack 创建vue新项目项目
vue init webpack project_name

安装package.json里的依赖包
cd project_name
npm install

启动项目服务器
npm run dev

打包项目的命令 --其实是webpack的命令 --如果不改webpack的config它所有的文件路径都会基于服务器
npm run build

vue的入口文件 main.js :

import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store'

import './styles.css';
import './assets/screen.js';

//所有的(import引进)，(export default暴露默认的实例) 的语法都是 webpack 的语法用于打包文件

Vue.config.productionTip = false 为false开发模式--控制台会有报错和警告提示，为true生产模式--不会有任何的提示
实例化 vue
new Vue({
  el: '#app',
  router, 把router加载到vue实例中
  store,  把vuex加载到vue的实力中
  template: '<App/>', 引入第一个渲染组件
  components: { App } 
})
new Vue({
  el: '#app',
  router,
  store,
  ...APP
})

========================= vue end =============================

========================= scss start ==========================
sass安装指南
http://www.w3cplus.com/sassguide/install.html

sass安装 + 教程(买一送一) 阮大大的你值得拥有...
http://www.ruanyifeng.com/blog/2012/06/sass.html

这个比较全面一点，啥都有
http://www.w3cplus.com/sassguide/
========================= scss end ============================

========================= webpack start =======================
webpack 官网英文版
http://webpack.github.io/docs/

阮一峰dome
https://github.com/ruanyf/webpack-demos#demo01-entry-file-source
========================= webpack end =========================









